/* CSS Document */
@media only screen and (min-width:290px) and (max-width:767px){
.container{ width:100%;}
.header_01{ width:100%; margin:0 auto; overflow:hidden;}
.header_a01{ width:98%; height:30px; margin:0px auto; line-height:30px; border-bottom:1px solid #eee;}
.header_01 .header_a01 .header_t01{ width:100%;}
.header_01 .header_a01 .header_t01 p{ float:none; width:100%; text-align:center;}
.header_01 .header_a01 .header_t01 ul{ display:none;}
.header_01 .head_mid{ width:98%;padding:10px 0px;}
.head_logo{ float:none; width:100%; height:auto;}
.head_logo a{ width:80%; height:100%; float:none; margin:0 auto;}
.head_logo a img{ max-width:100%; max-height:100%;}
.head_logo dl{ display:none;}
.head_tel{ float:none; width:100%; text-align:center; background:none; height:26px; margin-top:10px;}
.head_tel p{ text-align:center;}
.head_tel p br{ display:none;}
/*.head_tel p font{ float:left; width:40%;}
.head_tel p span{ float:left; width:40%;}*/
.header_01 .header01_box{ padding:5px 0px; width:100%; height:auto;}
.header01_box .head_nav{ width:100%;}
.header01_box .head_nav ul .nav_01_li{ width:25%;}
.header01_box .head_nav ul .nav_01_li>a{ padding:0px; text-align:center; line-height:30px;}

.drop-down:hover .drop-down-content{display:none; background:#eee;}
.i_search .i_sousuo{ width:98%; margin:0 auto;}
.i_search .i_sousuo .i_s_ul{ width:100%; float:none; overflow:hidden; padding-bottom:18px; height:40px;}
.i_search .i_sousuo .i_s_ul li{ display:block; line-height:25px;}
.i_search .i_sousuo .i_sou_r{ float:none; width:100%;}
.i_search .i_sousuo .i_sou_r .sou_text{ width:75%;}
.index_t01{ padding-bottom:10px; margin-bottom:0px}
.index_t01 .index_t01_box{ width:98%; margin:0 auto;}
.index_tit01{ width:100%; text-align:center;}
.index_tit01 .index_name{ font-size:24px;}
.index_tit01 .index_name_bot{ font-size:14px; line-height:22px; padding-top:20px;}
.index_t01_xm{ width:98%; margin:0 auto;}
.index_t01_xm .index_t01_xm5 li{ width:45%; margin:10px 2% 10px 2%;border-radius:0px; height:auto;}
.index_t01_xm .index_t01_xm5 img{ width:100%; height:100%;}
.index_t01_xm .index_t01_xm5 a p{ bottom:0px; left:0px; width:100%;}
.index_t01_xm .index_t01_xm4{ width:100%;}
.index_t01_xm .index_t01_xm4 li{ width:45%; margin:10px 2% 10px 2%;border-radius:0px; height:auto;}
.index_t01_xm .index_t01_xm4 img{width:100%; height:100%;}
.index_t01_xm .index_t01_xm4 a p{ bottom:0px; left:0px; width:100%;}
.i_t03 .i_t03_top .it03_left .it03_dl{ padding-bottom:5px;}

.index_t01_ad01{ width:100%; background:#6c9a09; height:auto; overflow:hidden; padding-bottom:15px;}
.index_t01_ad01 .index_t01_pin{ width:96%; float:none; padding:10px 2% 10px 2%; background:#6c9a09;}
.index_t01_ad01 .index_t01_pin h3{ font-size:24px;text-align:center; padding-bottom:10px;}
.index_t01_ad01 .index_t01_pin span{ line-height:25px; text-align:center; font-size:18px;}
.index_t01_ad01 .index_t01_tel{ width:96%; float:none; padding-left:2%;}
.index_t01_ad01 .index_t01_tel dl{ width:70%; font-size:14px;}
.index_t01_ad01 .index_t01_tel p{ float:left; width:30%; margin-left:0px; font-size:14px;}
.index_t01_ad01 .index_t01_tel p a{ font-size:14px; width:100%;}
.index_tit02{ width:100%;}
.index_tit02 .index_name{ font-size:24px;}
.index_tit02 .index_name_bot{ font-size:14px;}
.index_fn ul li{ height:auto; padding-bottom:10px;}

/* 产品列表styel02*/

.film_focus{width:98%;overflow:hidden;position:relative;margin:15px auto;  height:auto; border-top:none;}
.film_focus .film_focus_imgs_wrap{ display:none;background:url(images/load.gif) no-repeat center center;width:100%; float:none; overflow:hidden;height:auto;}
.film_focus ul.film_focus_imgs{height:auto;position:relative;right:inherit;overflow:hidden;width:100%;}
.film_focus ul.film_focus_imgs li{overflow:hidden; height:430px;width:45%;height:auto; float:left; bottom:inherit; margin:5px 0;}
.film_focus ul.film_focus_imgs li img{height:auto;width:100%;}
.film_focus ul.film_focus_nav{width:100%;position:relative;left:0;top:0;z-index:100;}
.film_focus ul.film_focus_nav li{width:100%;height:50px;left:0px;padding:0px 10px;word-break:break-all;color:#448aca;font-size:18px;overflow:hidden;line-height:105px; background:#fff;border-top:solid 1px #d7d7d7; border-left:solid 1px #d7d7d7; border-right:solid 1px #d7d7d7; border-bottom:solid 1px #d7d7d7;}
.film_focus ul.film_focus_nav li.cur{width:100%;left:0px;padding:0px 10px;word-break:break-all;color:#fff;overflow:hidden;line-height:50px; background:#448aca; cursor:pointer; border-left:solid 1px #448aca; border-right:solid 1px #d7d7d7;border-bottom:solid 1px #448aca;}
.film_focus ul.film_focus_nav li b{display:none;height:50px;width:170px;float:left;}
.film_focus ul.film_focus_nav li span img{ float:left; margin:5px 10px 0 10px;}
.film_focus ul.film_focus_nav li b p img{ float:left; margin:5px 10px 0 10px;}
.film_focus ul.film_focus_nav li.cur b{ font-weight:100;}

.film_focus ul.film_focus_nav li span.zhanl img{ float:left; margin:10px 10px 0 10px;}
.film_focus ul.film_focus_nav li b p{ line-height:50px; font-size:22px; color:#fff;}
.film_focus ul.film_focus_nav li b.zhanl p img{ float:left; margin:10px 10px 0 10px;}
.film_focus ul.film_focus_nav li p{ line-height:50px; color:#448aca; font-size:18px;}

.film_focus ul.film_focus_nav li span.huod img{ float:left; margin:0px 10px 0 10px;}
.film_focus ul.film_focus_nav li b.huod p img{ float:left; margin:0px 10px 0 10px;}

.film_focus ul.film_focus_nav li.cur b{display:block;vertical-align: middle;display: table-cell;height:105px;width:170px;float:left;}
.film_focus ul.film_focus_nav li.cur span{display:none;}

.film_focus ul.film_focus_nav li b p{ font-size:18px;}

.film_focus_imgs li dl dd{float:left;width:100%; height:205px; margin:0px 0 10px 10px; }
.film_focus_imgs li dl dd a{ width:100%; height:205px; display:block;}
.film_focus_imgs li dl dd a .mouse_s{width:100%; height:205px;}
.film_focus_imgs li dl dd a .mouse_s p{width:100%;bottom:40px; position:relative; line-height:40px; background:#d2d2d2; color:#333; font-size:14px; text-align:center;}
.film_focus_imgs li dl dd a .hover_s{width:324px; height:205px; position:relative;top:-990px;}
.film_focus_imgs li dl dd a .hover_s p{ background:#d2d2d2; color:#333; font-size:14px; text-align:center;}
.film_focus_imgs li dl dd a:hover .hover_s{ display:block; height:205px;top:-205px;}
.film_focus_imgs li dl dd a:hover .hover_s p{width:100%; text-align:center;bottom:40px; line-height:40px; background:none;position:relative; font-size:14px; color:#fff;}

.phone_cpbox{ display:block; overflow:hidden;}
.phone_cpbox .cp_box_list02{ width:98%; margin:0 auto;}
.phone_cpbox .cp_box_ul02 .cp_li_style02{ width:48%; margin-right:4%; margin-bottom:20px; height:auto !important;}
.phone_cpbox .cp_box_ul02 .cp_li_style02:nth-child(2){ margin-right:0px;}
.phone_cpbox .cp_box_ul02 .cp_li_style02:nth-child(4){ margin-right:0px;}
.phone_cpbox .cp_box_ul02 .cp_li_style02:nth-child(6){ margin-right:0px;}
.phone_cpbox .cp_box_ul02 .cp_li_style02 .cplist_a{ width:100%; height:100%;}
.phone_cpbox .cp_box_ul02 .cp_li_style02 .cplist_a img{ width:100% !important; height:100% !important; }
.phone_cpbox .cp_box_ul02 .cp_li_style02 p { display: block; text-align: center; background:#448aca; height: 40px;line-height: 40px;color: #FFF;}
.phone_cpbox .cp_box_ul02 .cp_li_style02 .cplist_pa{ color:#fff;}

.iabout_box .iabout_1200{ width:98%; margin:0 auto;}
.iabout_box .iabout_1200 .iabout_t01{ width:90%;}
.iabout_box .iabout_1200 .iabout_t01 h3{ left:35%; width:30%; font-size:1.5em;}
.iabout_box .iabout_1200 .iabout_t01 p{ font-size:1.2em;}
.iabout_box .iabout_1200 .iabout_t02 .iabout_02left{ float:none;}
.iabout_box .iabout_1200 .iabout_t02 .iabout_02left img{ width:100%; height:100%;}
.iabout_box .iabout_1200 .iabout_t02 .iabout_02right{ float:none; width:100%;}
.iabout_box .iabout_1200 .iabout_t02 .iabout_02right p{ font-size:1em;}
.iabout_box .iabout_1200 .iabout_t02 .iabout_more a{ color:#fff;}
.w1200{ width:98%; margin:0 auto;}
.i_news .i_news_list{ width:100%; margin-bottom:15px;}
.i_news .i_news_list ul li .i_news_a2{ width:75%;}
.ad01{ width:100%; overflow:hidden;}
.ad01 img{ width:100%; height:100%;}

.i_news .i_news_list ul li .i_news_a1{ width:25%;}
.i_news .i_news_list ul li .i_news_a2 b{ overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.youshi_cont{ height:auto;}
.youshi_cont .youshi_left{ float:none; display:none; width:100%;}
.youshi_cont .youshi_left img{ display:none;}
.youshi_cont .youshi_right{ float:none; position:relative; width:100%;}
.youshi_cont .youshi_right ul li{ width:100%;}
.youshi_cont .youshi_right ul .ys1{ margin-left:0px;}
.youshi_cont .youshi_right ul li p{ width:80%;}
.youshi_cont .youshi_right ul .ys2{ margin-left:0px;}
.youshi_cont .youshi_right ul .ys3{ margin-left:0px;}
.youshi_cont .youshi_right ul .ys4{ margin-left:0px;}

.icase_left{ float:none;}
.mr_frUl{ width:75%; margin-top:20px;}
.mr_frbox{ padding:0px}
.tempWrap{ width:100% !important;}
.icase_right{ float:none; width:100%; margin-top:15px;}
.mr_frBtnL{ margin-right:10px;}
.mr_frBtnR{ margin-left:10px;}

.icase_right .icase_ul li{ width:30%;margin: 10px 1% 0px 1%;}

.fdlink{ width:98%; }

.footer .footer_box{ width:100%; padding-bottom:28px;}
.footer .footer_box .footer_left{ float:none;}
.footer .footer_box .footer_left .footer_ul{ display:none; }
.footer .footer_box .footer_right{ width:96%; padding-left:0px; float:none; margin:0 auto;}
.footer_erweima{ display:none; width:50%; margin:0 auto; float:none; padding-left:0px; padding-top:10px;}
.footer_erweima img{ width:100%; height:100%;}
.footer .footer_box .footer_right dl{ padding-right:0px; border-right:0px;}

.bottom{display: inline-block;}
/* 产品详情页*/
.cont_box .cont_1200{ width:98%; margin:0 auto;}
.left_box_nav{ display:none;}
.list_img_right{ float:none; width:100%;}
.arcimg_left{ width:100%;}
#showsum{ width:100%; display:none;}
.showpage{ display:none;}
.arcimg_right{ float:none; width:100%; overflow:hidden;}
.arcimg_right .arcimg_tit{ padding:10px; line-height:20px; height:auto;}
.arcimg_right .arc_zixun a{ width:30%; margin:0 auto;}
.arcimg_xqtit span{ margin:0 auto;}
.arc_xg{ width:auto; overflow:hidden;}
.arc_xg ul .arc_xgli{ width:48%;margin: 0px 1% 15px 1%; height:auto;}
.arc_xg ul .arc_xgli:nth-child(2){ margin-right:0px;}
.arc_xg ul .arc_xgli:nth-child(4){ margin-right:0px;}
.arc_xg ul .arc_xgli .arc_xga01{ width:100%; height:100%;}
.arc_xg ul .arc_xgli a img{ width:100%; height:100%;}

.news_left{ display:none;}
.news_right{ float:none; width:100%;}
.news_arc_tit h1{ height:auto; line-height:22px;}
.news_arc{ font-size:1.2em;}
.xgnews ul li{ width:100%;}
.xgnews ul li a{ width:70%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.about_tit{ font-size:1.8em; padding:0px;}
.lxwm_img{ float:none; width:100%; height:auto;}
.lxwm_txt{ float:none; width:100%;}
.lxwm_zx{ margin:0 auto;}
#dituContent{ width:100% !important; height:200px !important;}
.about_img_dl01 dd h3{ font-size:2em;}
.about_img{ width:100%; float:none;}
.about_img_dl01{ width:100%;}
.about_img_right{ width:100%; float:none; margin-top:10px;}
.about_img_right ul li{ margin-bottom:10px;}
.about_img_right ul li .about02{ width:100%;}

.list_img_right .list_img_tit h3{ float:none; margin:0 auto;}
.list_img_right .list_img_ul .listimg_li{ width:47%; margin:10px 1.5% 0px 1.5%;}
.news_right_ul li dl{ width:25%;}
.news_right_ul li a{ width:70%;}
.news_right_ul li a p{ display:none;}
.news_right_ul li a h4{ line-height:30px; font-size:1.2em;}
.news_tit{ padding:2px 0px;}
.news_tit h3{ font-size:1.8em;}
.news_tit span{ width:50%; border:none;}
.news_m2{ width:100%; padding:5px 0px;}
.news_m2 ul li img{ width:100%; height:100%;}
.news_m2 ul li p{overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;}


.news_list_index{ width:98%; margin:0 auto; float:none; margin-bottom:10px;}
.news_list_index:nth-child(1){ margin:0 auto;}
.news-box .news-list img{ width:100%; max-width:100%;}

.iabout_left{ float:none; width:96%; margin:0 auto;}
.iabout_right{ float:none; width:96%; margin:0 auto;}
/* 手机端banner*/
.banner_box{ display:none;}
.sj_banner{ display:block;}
  .rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  position: relative;
  float: left;
  width: 100%;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
  /* 手机端banner end*/
/*  fot nva*/
/* 鎵嬫満绔欏簳閮ㄨ彍鍗�*/
.clearfix{ display:block;}
.btn3{position:fixed;
  z-index:3;
  bottom:0px;
  border-top:1px solid #b3b3b3;
  background:#e6e6e6;
  width:100%;
  text-align:center;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;}
.menu{position:relative;
    float:left;
    width:25%;
    height:50px;
    line-height:50px;
    background:#2368bd;
    border-right:1px solid #ebebeb;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;}
.menu:last-child{border-right:none;}
.new-sub{position:absolute;
      bottom:60px;
      z-index:10;
      width:100%;
      padding: 0px 10px;
      background: #fff;
      box-sizing:border-box;
      -webkit-box-sizing:border-box;
      border: 1px solid #EEEEEE;
      border-radius: 5px;
      display:none;}
.new-sub li{width: 100%;
        background:#fff;
        float:none;
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
        border-top:1px solid #f2f2f2;}
.new-sub li a{display:block;
          height:35px;
          line-height:35px;
          text-align:left;
          background:#fff;
          color:#333;
          border:none;
          text-align:center;
          font-size:1em;}
.sanjiao{position:absolute;bottom:5px;right:5px;width:0;height:0;border:5px solid transparent;border-right:5px solid #fff;border-bottom:5px solid #fff;opacity:.5;}
.bt-name{font-size:16px;color:#fff;}
.bt-name a{display:block;font-size:16px;color:#fff;}
.new-sub .tiggle{
	width:0px;
      height:0px;
      position:absolute;
      left:50%;
      margin-left:-10px;
      bottom:-9px;
      border-top:10px solid #EEEEEE;
      border-left:10px solid transparent;
      border-right:10px solid transparent;
      z-index:10;
  }
  .new-sub .innertiggle{
  	width:0px;
      height:0px;
      position:absolute;
      left:50%;
      margin-left:-9px;
      bottom:-8px;
      border-top:9px solid white;
      border-left:9px solid transparent;
      border-right:9px solid transparent;
      z-index:11;
  }  
.rp_right{ display:none;}
.pro{ width:98%; margin:0 auto; margin-top:20px;}
.pro .leftpro{ width:100%; float:none;}
.pro .leftpro h3{ background:#207dde;}
.pro .leftpro .imenu{ width:100%;}
.pro .leftpro .phone{ width:100%;}
.pro .rightpro{ float:none; width:98%; margin:0px auto;}

.pro .rightpro .list{width:98%; }
.pro .rightpro li{ float:left; width:48%; margin:10px 1%;}
.pro .rightpro li span{ height:60px; padding:8px 0px; white-space:normal; line-height:25px; font-size:14px;}
.pro .rightpro li img{ width:100%; height:auto; max-width:100%;}
.pimga{ width:100%; height:auto;}
}
@media only screen and (min-width:200px) and (max-width:390px){
.index_wb_ul li div p{ font-size:20px;}	
.index_wb_ul li div font{ font-size:12px;white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
	}